<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="author" content="wangbo" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>字体图标</title>
		<style>
			/* 引入字体图标,并且声明字体图标的样式 */
			@font-face {
				font-family: 'icomoon';
				src: url('fonts/icomoon.eot?8qop0g');
				src: url('fonts/icomoon.eot?8qop0g#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?8qop0g') format('truetype'), url('fonts/icomoon.woff?8qop0g') format('woff'), url('fonts/icomoon.svg?8qop0g#icomoon') format('svg');
				font-weight: normal;
				font-style: normal;
				font-display: block;
			}
			span {
        font-family: 'icomoon';
				/* 设置颜色 */
				color: red;
				/* 变大 */
				font-size: 60px;
				/* 阴影,让字体有立体感,就想3D的文字一样
				阴影向右,阴影向下,模糊的范围,阴影的颜色
				*/
				text-shadow: 3px 3px 3px rgba(0	, 0, 0, 0.3);
			}
		</style>
	</head>
	<body>
		字体图标<span></span>
		<!-- truetype window和mac最常见的字体,支持的浏览器有IE9+ Firefox3.6+,Chrome4+,safe3+,Opera10+ iosmobile 
		woff Opera11+ ie9+
			eot 专门处理ie浏览器的兼容问题
		svg 也是渲染字体的一种,Chrome4+,safe3+,Opera10+ iosmobile  常用
		-->
		<!-- 1700 -->
		<!-- 中华南大街,一江大厦 -->
	</body>
</html>
